<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div  id="div1">
			<img src="./img/何睿.png" alt="" id="img1">
			<a href="http://www.baidu.com" id="a" > 点击 </a>
		</div>
		<script type="text/javascript">
			//document.getElementById("") 用的最多的获取元素的方法,需要通过ID获取,一个HTML页面不能重复ID
			//通常js代码不写在标签里,都在script里写		
			document.getElementById("img1").onclick = changeImg;//和在标签的onclick属性里写changImg();本质上是不同的,这里是事件赋值,而不是调用
			function changeImg(){
				console.log(this);//如果方法作为一个元素的事件绑定的方法时,这时方法内部的this不执行当前对象,而是事件源。
				this.src="./img/陈枫.png";
			}
			
			
			//元素的属性触发要晚于事件触发,所以A标签会先改变href再执行跳转
			//如果事件触发的方法 返回一个false可以终止属性触发的效果
			document.getElementById("a").onclick = function(){
				this.href = "www.cnblogs.com"
				this.innerText="博客园";
				return false;
			}
			//
		</script>
	</body>
</html>
